<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"  >
    
    <!--
    <f:view renderKitId="PRIMEFACES_MOBILE" />
    -->

    <h:head>
        
        <title>
            #{empresaBean.empresa.nombreFantasia} 
            <ui:insert name="titulo">
                Menu Principal
            </ui:insert>
        </title>
        <h:outputStylesheet library="css" name="estructura.css"/>        
        <h:outputStylesheet library="css" name="estilos.css"/>
        <!--
        <h:outputStylesheet library="css" name="imagenes.css"/>
        -->
        <ui:insert name="head"></ui:insert>        
        <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'/>
        
    </h:head>
    
    <h:body>
        
        
        <div class="ui-grid ui-grid-responsive" style="padding-left: 5px; padding-right: 5px; padding-top: 0.2em;">            
        <h:form id="fCabecera">
            <div class="ui-grid-row" >   
                
                <div class="ui-grid-col-1" />

                <div class="ui-grid-col-2">
                    <p:graphicImage value="#{empresaBean.empresa.logo}" style="max-width: 200px;" />
                </div>                
                
                <div class="ui-grid-col-1" />                            
                <div class="ui-grid-col-2" />
                
                <div class="ui-grid-col-5" style="text-align: right;" >
                    
                    <ui:insert name="header-right">
                        
                        
                        
                    </ui:insert>                    
                </div>                              
                <div class="ui-grid-col-1" />
            </div>
        </h:form>
            
        <div class="ui-grid-row" >                
            <div class="ui-grid-col-1" />
            <div class="ui-grid-col-10">
                <ui:insert name="contenido" >
                        
                    
                </ui:insert>
            </div>   
            <div class="ui-grid-col-1" />
        </div>
            
    </div>
        
    <ui:insert name="dialogos" >
        
    </ui:insert>      
        
        
    <ui:include src="/template/exceptionHandler.xhtml" />
    <ui:include src="/template/ajaxStatus-footer.xhtml"  />
        
        
    </h:body>

</html>
